    <%--
        Document   : index
        Created on : Jan 29, 2014, 6:58:38 PM
        Author     : markraus
    --%>
     
    <%@page contentType="text/html" pageEncoding="UTF-8"%>
    <!DOCTYPE HTML>
     
    <html>
            <head>
                    <title>Immobilienhandel</title>
                    <meta charset="utf-8">
                    <meta name="author" content="Marcel Krause & Edgar Julca" />
                    <meta name="description" content="Immobilienhandel mit JavaServlets" />
                    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
     
                    <link rel="stylesheet" type="text/css" href="css/style.css" />
                    <link rel="shortcut icon" href="css/icon.ico">
                    <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300' rel='stylesheet' type='text/css'>
                    <link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
     
            </head>
           
            <body>
                    <header>
                        <div id="con">
                            <a name="top"></a>
                            <h1 class="home"><a href="index.jsp">Verteilte Immobilien</a></h1>
                           
                            <div id="header_rechts">
                                <a href="">Einloggen</a>
                                <a href="">Registrieren</a>
                               
                            </div>
                        </div>
                    </header>
                        <div id="content">
                            <div id="suche">
                                <h2><i class="fa fa-search"></i> Immobilie suchen</h2>
                                   <form method="post" action="" >
                                    <li>
                                        <label for="location">Stadt</label>
                                        <input type="text" class="input_search_big" name="login_password">
                                    </li>
                                   
                                    <li>
                                            <label>Status</label>
                                            <div class="styled-select">
                                                <select name="status">
                                                        <option value="" selected="selected">Mieten</option>
                                                        <option value="for-sale">Kaufen</option>                                           
                                                </select>
                                            </div>
                                    </li>
                                   
                                   
     
                                    <li>
                                            <label>Zimmer ab</label>
                                            <div class="styled-select">
                                            <select name="bed">
                                                    <option value="" selected="selected">Egal</option>
                                                    <option value="1">1+</option>
                                                    <option value="2">2+</option>
                                                    <option value="3">3+</option>
                                                    <option value="4">4+</option>
                                                    <option value="5">5+</option>
                                            </select>
                                            </div>
                                    </li>
                   
                                    <li>
                                        <label for="location">Preis bis</label>
                                        <input type="text" class="input_search_small" name="login_password">
                                    </li>
                                   
                                    <li>
                                        <label for="location">Fläche ab</label>
                                        <input type="text" class="input_search_small" name="login_password">
                                    </li>
                                   
                                 
                                   
                                    <li class="last">
                                            <label>&nbsp;</label>
                                           
                                            <input type="submit" class="submit_search" value="Suchen!" >                                                          
                                    </li>
                                   </form>
                            </div>
                            <div id="container">
                               
                                <div class="box320">
                                    <a href="kaution.html"><i class="fa fa-eur fa-5x"></i></a>
                                   
                                    <a href="kaution.html"> <h3>Mietkaution einfordern</h3></a>
                                    Die Mietkaution kann beim Auszug zurückgefordert werden.
                                    Nutzen Sie hierfüer unseren kostenlosen Musterbrief zum Download. <br>
                                    <a class="more" href="kaution.html">Mehr erfahren</a>
                                </div>
                               
                                <div class="box320">
                                    <i class="fa fa-home fa-5x"></i>
                                    <h3>Traumhaus</h3>
                                    Das perfekte Haus ist der Traum jedes Häuslebauers.
                                    Doch was macht ein Traumhaus eigentlich aus?<br>
                                    <a class="more" href="traumhaus.html">Mehr erfahren</a>
                                </div>
                               
                                <div class="box320">
                                    <i class="fa fa-edit fa-5x"></i>
                                    <h3>Baufinanzierung</h3>
                                    Eine Baufinanzierung muss in erster Linie die individuellen Anforderungen erfüllen.
                                    Wir stellen verschiedene Finanzierungsbeispiele vor.<br>
                                    <a class="more" href="finanzierung.html">Mehr erfahren</a>
                                </div>
                            </div>
                           
                        </div>
                       
     
               
               
               
                    <footer>
                        <div id="con">
                            <a href="">Kontakt</a>
                            <a href="">Impressum</a>
                        </div>
                    </footer>
            </body>
    </html>

